<%@include file="common/head.jspf" %>


<div id="main" role="main">
    <div id="title-bar">
        <ul id="breadcrumbs">
            <li>
                <a href="dashboard.jsp" title="Home">
                    <span id="bc-home"></span>
                </a>
            </li>
            <li class="no-hover">Buscar Datos de la Ficha</li>

        </ul>
    </div>
    <div class="shadow-bottom shadow-titlebar"></div>
    <div id="main-content">
        <div class="container_12">  
            <div class="block-border" id="tab-panel-1">
                <div class="block-header upper" >
                    <h1>Buscar Datos de la Ficha</h1>
                    <span></span>
                    <ul class="tabs">
                        <li class="active" style=""><a href="#tab-Filtro">Filtro</a></li>
                        <li><a href="#tab-Chart"  id="informe">Informe</a></li>
                    </ul>
                </div>
                <div class="block-content tab-container">
                    <div id="tab-Filtro" class="tab-content" style="display: block; height: 300px;">
                        <table cellpadding="5px">
                            <tr>
                                <td colspan="2" align="center">
                                    <h2>Filtro</h2>
                                </td>
                            </tr>
                            <tr valign="middle">
                                <td>
                                    Fecha entre&nbsp;&nbsp;&nbsp;&nbsp;
                                </td>
                                <td>
                                    <input type="date" style="width: 150px;"/>&nbsp;&nbsp;&nbsp;&nbsp;
                                    hasta &nbsp;&nbsp;&nbsp;&nbsp;<input type="date" style="width: 150px;"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Tipo de Procesos
                                </td>
                                <td>
                                    <input type="text" style="width:250px"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Abogado Director
                                </td>
                                <td>
                                    <input type="text" style="width:250px"/>

                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Actor (Ofendido)
                                </td>
                                <td>
                                    <input type="text" style="width:250px"/>

                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Demandado
                                </td>
                                <td>
                                    <input type="text" style="width:250px"/>

                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Agencia generadora del caso &nbsp;&nbsp;&nbsp;
                                </td>
                                <td>
                                    <input type="text" style="width:250px"/>

                                </td>
                            </tr>
                            <tr valign="middle">
                                <td align="left">                            <br/>

                                    <a class="button red" id="resetTarea"  href="#">Limpiar</a>
                                </td>
                                <td align="right">
                                    <br/>
                                    <input type="submit" onclick="document.getElementById('informe').click()"  id="addRealizar" style="width: 100px;" class="button" value="Filtrar">
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div id="tab-Chart" class="tab-content" style="display: block;">
                        <table id="table-example" class="table">
                            <thead>
                                <tr>
                                    <th class="sorting_asc" rowspan="1" colspan="1" style="width: 190px; ">N&uacute;mero Expediente</th>
                                    <th class="sorting" rowspan="1" colspan="1" style="width: 255px; ">Tipo de Proceso</th>
                                    <th class="sorting" rowspan="1" colspan="1" style="width: 246px; ">Fecha Inicio</th>
                                    <th class="sorting" rowspan="1" colspan="1" style="width: 164px; ">Encargado</th>
                                    <th class="sorting" rowspan="1" colspan="1" style="width: 164px; ">Agencia</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr >
                                    <td class=" sorting_1">
                                        <a href="miExpediente.jsp">12-010169-0007-CO</a></td>
                                    <td>Penal</td>
                                    <td>13/04/2012</td>
                                    <td class="center">Ricardo Salazar</td>
                                    <td class="center">Lim&oacute;n</td>
                                </tr>
                                <tr>
                                    <td class=" sorting_1">
                                        <a href="#">19-98273-987-CO</a></td>
                                    <td>Laboral</td>
                                    <td>12/01/2012</td>
                                    <td class="center">Ricardo Salazar</td>
                                    <td class="center">San Jos&eacute; (Central)</td>
                                </tr>
                                <tr>
                                    <td class=" sorting_1">
                                        <a href="#">119-7496-98-CO</a></td>
                                    <td>Civil</td>
                                    <td>12/01/2012</td>
                                    <td class="center">Mario Rodriguez</td>
                                    <td class="center">Guanacaste (Santa Cruz)</td>
                                </tr>
                                <tr>
                                    <td class=" sorting_1">
                                        <a href="#">9-273-987-O</a></td>
                                    <td>Constitucional</td>
                                    <td>12/01/2012</td>
                                    <td class="center">Grace Vargas</td>
                                    <td class="center">Puntarenas (Central)</td>
                                </tr>
                                <tr>
                                    <td class=" sorting_1">
                                        <a href="#">29-973-987-CE</a></td>
                                    <td>Laboral</td>
                                    <td>12/01/2012</td>
                                    <td class="center">Randall Obando</td>
                                    <td class="center">Heredia</td>
                                </tr>
                                <tr>
                                    <td class=" sorting_1">
                                        <a href="#">93-6780-987-CP</a></td>
                                    <td>Civil</td>
                                    <td>12/01/2012</td>
                                    <td class="center">Grace Vargas</td>
                                    <td class="center">Alajuela (Aeropuerto)</td>
                                </tr>

                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <div class="clear height-fix"></div>
        </div>
    </div>
</div>

<%@include file="common/bottom.jspf" %>
<script type="text/javascript">

    var selected = "Bus";
    var subSelected = "Bus1";

</script>